<template>
  <div class="title-box wow fadeInDown">
    <span>{{eTitle}}</span>
    <span>{{title}}</span>
    <!-- <div></div> -->
  </div>
</template>

<script>
export default {
  name: "TitleBar",
  props: ["title","eTitle"],
  data() {
    return {};
  },
};
</script>

<style lang='scss' scoped>
@import "../assets/style/comm.scss";
// 自定义标题栏
.title-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 30px 0;

  span:nth-child(1) {
    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
    font-size: 22px;
    color: #444;
  }

  span:nth-child(2) {
    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";
    font-size: 14px;
    margin-top: 5px;
    color: #c1c1c1;
  }

  // div {
  //   width: 40px;
  //   height: 0px;
  //   margin: 10px 0;
  //   border-top: 2px solid #333;
  // }

  @media #{$xs} {
    margin-bottom: 20px;

    span:nth-child(1) {
      font-size: 30px;
    }

    span:nth-child(2) {
      margin-top: -5px;
    }
  }
}
</style>